<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>织蝶云 - OA+PM+CRM一站式企业应用管理平台</title>
    <!-- css模板 -->
    <%- include('./layouts/backstage_header.ejs')%>
</head>

<body>
    <div class="left_nav">
        <div class="logo">
            <a href="/template">
                <img src="./images/lyd/lyd_approval_frame_logo-left.png" alt="织蝶云">
            </a>
        </div>
        <div class="left_nav_menu">
            <ul class="left_nav_menu_nav">
                <li class="btn-block">
                    <a href="/page">
                        <i class="iconfont icon-home"></i>
                        <span>主页</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="/mange">
                        <i class="iconfont icon-list"></i>
                        <span>项目</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="/lyd_approval">
                        <i class="iconfont icon-suitcase"></i>
                        <span>审批</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="/gy-CRM">
                        <i class="iconfont icon-users"></i>
                        <span>CRM</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="javascript:;">
                        <i class="iconfont icon-calendar"></i>
                        <span>日程</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="javascript:;">
                        <i class="iconfont icon-tasks"></i>
                        <span>报告</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="/lyj_knowledge">
                        <i class="iconfont icon-book"></i>
                        <span>知识</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="/document">
                        <i class="iconfont icon-columns"></i>
                        <span>文档</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="/resume">
                        <i class="iconfont icon-male"></i>
                        <span>简历</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="javascript:;">
                        <i class="iconfont icon-tupian"></i>
                        <span>相册</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="javascript:;">
                        <i class="iconfont icon-bull-horn-announcer"></i>
                        <span>公告</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="javascript:;">
                        <i class="iconfont icon-gavel"></i>
                        <span>考勤</span>
                    </a>
                </li>
                <li class="btn-block">
                    <a href="/yyl_system">
                        <i class="iconfont icon-cogs"></i>
                        <span>系统</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="top_nav_box">
        <div class="top_nav">
            <a class="toggle-btn">
                <i class="iconfont icon-bars"></i>
            </a>
            <div class="top_center">
                <a href="javascript:;" class="btn btn-all actives">我的请假</a>
            </div>
            <div class="top_right">
                <ul class="top_right_info">
                    <li>
                        <a href="javascript:;" class="btn info_icon">
                            <i class="iconfont icon-envelope-o"></i>
                        </a>
                        <!-- 管理内容 -->
                        <div class="nav_switch_off right_nav">
                            <h5>你有0条信息</h5>
                            <ul>
                                <li>目前还没有最新消息</li>
                                <li>
                                    <a href="javascript:;">查看更多</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="admi_btn">
                        <a href="javascript:;" class="admi">
                            <img src="./images/lyd/6.jpg" alt="管理员">
                            管理员
                            <span class="iconfont icon-caret-bottom"></span>
                        </a>
                        <ul class="nav_switch_no amid_menu nav_switch_off">
                            <li><a href="javascript:;"><i class="iconfont icon-user"></i>个人主页</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-cog"></i>基本资料</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-camera"></i>更换头像</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-cog"></i>更换密码</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-list"></i>我的任务</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-magnet"></i>升级为付费版</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-tasks"></i>订单</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-comments"></i>聊天</a></li>
                            <li><a href="/outlogin"><i class="iconfont icon-SignOut"></i>退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content-box">
            <div class="content">
                <nav class="navbar navbar-light bg-light justify-content-between navbar_color">
                    <a class="navbar-brand nav_title">
                        <i class="iconfont icon-arrowcircleodown"></i>
                        请假</a>
                    <form class="form-inline">
                        <a href="/lyd_approval">
                            <button class="btn btn-outline-success my-2 my-sm-0 nav_btn" type="button">
                                <i class="iconfont icon-chevronleft"></i>
                                返回</button>
                        </a>
                    </form>
                </nav>
                <div class="row">
                    <div class="col-md-8">
                        <div class="panel">
                            <nav class="navbar navbar-light bg-light justify-content-between text-align from_color">
                                <a class="navbar-brand nav_title">请假</a>
                                <form class="form-inline">
                                    <button class="btn btn-outline-success my-2 my-sm-0 nav_btn"
                                        type="submit">打印</button>
                                </form>
                            </nav>
                            <form class="from-add">
                                <div class="form-group row from_row">
                                    <label for="" class="col-sm-2 col-form-label from_title">请假类型</label>
                                    <div class="col-sm-10 from_content">
                                        <!-- <select class="form-control form-control-sm">
                                            <option value="年假" selected="selected">年假</option>
                                            <option value=事假>事假</option>
                                            <option value="病假">病假</option>
                                            <option value="调休假">调休假</option>
                                            <option value="婚假">婚假</option>
                                            <option value="产假">产假</option>
                                            <option value="陪产假">陪产假</option>
                                            <option value="其他">其他</option>
                                        </select> -->

                                        <select class="form-control form-control-sm" name="type">
                                            <option>年假</option>
                                            <option>事假</option>
                                            <option>病假</option>
                                            <option>调休假</option>
                                            <option>婚假</option>
                                            <option>产假</option>
                                            <option>陪产假</option>
                                            <option>其他</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row from_row">
                                    <label for="" class="col-sm-2 col-form-label from_title">开始时间</label>
                                    <div class="col-sm-10 from_content">
                                        <input type="text" name="start_time" class="form-control test1"
                                            id="exampleFormControlInput1" placeholder="请选择开始时间">
                                    </div>
                                </div>
                                <div class="form-group row from_row">
                                    <label for="" class="col-sm-2 col-form-label from_title">结束时间</label>
                                    <div class="col-sm-10 from_content">
                                        <input type="text" name="stop_time" class="form-control test2"
                                            id="exampleFormControlInput1" placeholder="请选择结束时间">
                                    </div>
                                </div>
                                <div class="form-group row from_row">
                                    <label for="" class="col-sm-2 col-form-label from_title">请假时长</label>
                                    <div class="col-sm-10 from_content">
                                        <input type="text" name="long_time" class="form-control"
                                            id="exampleFormControlInput1" placeholder="请输入天数">
                                    </div>
                                </div>
                                <div class="form-group row from_row">
                                    <label for="" class="col-sm-2 col-form-label from_title">请假事由</label>
                                    <div class="col-sm-10 from_content">
                                        <textarea class="form-control text-area" id="exampleFormControlTextarea1"
                                            rows="3" name="cause"></textarea>
                                    </div>
                                </div>
                                <div class="form-group row from_row">
                                    <button type="button" class="btn btn-danger from_btn btn_add">提交申请</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="panel">
                            <nav class="navbar navbar-light bg-light justify-content-between text-align from_color">
                                <a class="navbar-brand nav_title">操作记录</a>
                            </nav>
                            <div class="record"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        2020 © by 织蝶云系统 ·
        <a href="javascript">织蝶云手册</a>
        .
        <a href="javascript:;">翌羽信息科技(上海)有限公司 版权所有</a>
    </footer>
    </div>
    </div>



    <!-- js模板 -->
    <%- include('./layouts/backstage_aside.ejs')%>
    <!-- 引入日历插件 -->
    <script src="./lib/layDate-v5.0.9/laydate/laydate.js"></script>
    <script>
        // 日历插件 
        laydate.render({
            elem: '.test1'
        })
        laydate.render({
            elem: '.test2'
        })
        laydate.render({
            elem: '.test3'
        })
    </script>
</body>

</html>